<template>
  <div class="nav">
    <div class="item">
      <router-link to="/article"> 文章 </router-link>
    </div>
    <div class="item">
      <router-link to="/archive"> 归档</router-link>
    </div>
    <div class="item">
      <router-link to="/project"> 项目</router-link>
    </div>
    <div class="item">
      <router-link to="/timeline"> 历程</router-link>
    </div>
    <div class="item">
      <router-link to="/message"> 留言</router-link>
    </div>
    <div class="item">
      <router-link to="/about"> 关于</router-link>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.nav {
  display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;

  .item {
    cursor: pointer;
    width: 120px;
    text-align: center;
  }
}
</style>
